import React from 'react'
import { BrowserRouter as Router, Route} from "react-router-dom";
import Recommender from "./Pages/Recommender"
import App from "./Pages/App"
import Top from "./Pages/Top"
import Searches from './Pages/Searches'
import Randomrec from "./Pages/Randomrec"
import {Col, Layout, Row} from 'antd'
import 'antd/dist/antd.css'
import './App.css'
import './min.less'
import Search from 'antd/lib/input/Search';


const { Footer} = Layout;


class AppRouter extends React.Component {
    
    

    render() {
        return (
            <Router>            
                   <Top></Top>
                    <div className="main-container">
                        <div className="booklist " style={{background: "#FFFFFF"}}>
                            <Route path="/" exact component={App}></Route>
                            <Route path="/recommender/:id"  component={Recommender}></Route>
                            <Route path="/book" component={App} />
                            <Route path="/searches/keyword:keywords" component={Searches} />

                        </div>
                        <div  className="randomrec ">
                            <Randomrec></Randomrec>
                        </div>
                    </div>
                    <footer  style={{ textAlign: 'center' ,fontWeight:"light",fontSize:"10px",marginTop:"30px"}}>
                        <p>这是 Version 0.1.0，但希望你能喜欢</p>
                        <div className="beian">
                            <p className="beian03">鲁ICP备2020038982号</p>
                            <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=37110202000294"  className="beian01" >
                             <img src="/beian.png" className="floatleft" />
                             <p className="beian02" >鲁公网安备 37110202000294号    </p>
                                </a>
                        </div>
		 
                        </footer>
    
            </Router>
        )
    }
}

export default AppRouter;
